<!DOCTYPE html>

<html lang="zh-Hans">
  <head>
    <meta charset="utf-8" />
    <meta name="author" content="rogepi" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="/vue.global.js"></script>
    <title>4-js-expression</title>
  </head>

  <body>
    <!-- 
    对于所有的数据绑定，Vue.js 都提供了完全的 JavaScript 表达式支持。
    {{ number + 1 }}
    {{ ok ? 'YES' : 'NO' }}
    {{ message.split('').reverse().join('')}}
 -->
    <div id="js-expression">
      <div v-bind:id="'list-' + id"></div>
    </div>
    <!-- 这些表达式会在当前活动实例的数据作用域下作为 JavaScript 被解析。
  有个限制就是，每个绑定都只能包含单个表达式 -->
  </body>
</html>
